<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <title>工作微信</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="http://cmp/css/cmp.css"/>
    <link rel="stylesheet" href="http://commons.v5.cmp/cmp-resources/M1H5.s3css"/>
    <!--<link rel="stylesheet" href="../../../cmp-resources/document_center/css/documents.css"/>-->
	<link rel="stylesheet" href="http://commons.v5.cmp/cmp-resources/document/css/documents.css"/>
<link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-listView.css">
    <style>

    </style>
</head>
<body>

<header class="cmp-bar cmp-bar-nav">
    <a class="cmp-action-back cmp-icon cmp-icon-left-nav cmp-pull-left"></a>
    <span class="cmp-icon cmp-see-icon-v5-common-bulletin cmp-pull-right "></span>
    <h1 class="cmp-title">工作微信</h1>
</header>

<div class="cmp-content  position_relative ">

    <div class="cmp-control-content cmp-active">
        <div id="scroll" class="  cmp-scroll-wrapper  " >
            <div class="cmp-scroll">
                <ul class="cmp-list-content my_work_content cmp-table-view">
                    <li class="cmp-list-cell cmp-table-view-cell">
                        <div class="cmp-slider-right cmp-disabled">
                            <a class="cmp-btn cmp-btn-red">删除</a>
                        </div>
                        <div class="cmp-slider-handle">
                            <div class="cmp-list-cell-img cmp-radio cmp-left">
                                <img class=" cmp-pull-left img_setting" src="/cmp-resources/m1_h5/img/document_type@1x.png">
                                <!--<span class="tal">cc</span>-->
                                <span class="tag">2</span>
                            </div>
                            <div class="cmp-list-cell-info width_85">
                                <span class="cmp-ellipsis cmp-pull-left list_title_name width_69">协同</span>
                                <span class="cmp-ellipsis cmp-h5 cmp-pull-right list_title_time width_30 cmp-text-right">12:25 00:00</span>
                                <h6 class="cmp-ellipsis list_cont_info">信息化推进办</h6>
                            </div>
                        </div>

                    </li>
                    <li class="cmp-list-cell ">
                        <div class="cmp-list-cell-img cmp-radio cmp-left">
                            <img class=" cmp-pull-left img_setting" src="http://commons.v5.cmp/cmp-resources/m1_h5/img/document_type@1x.png">
                            <!--<span class="tal">cc</span>-->
                            <span class="tag">2</span>
                        </div>
                        <div class="cmp-list-cell-info width_85">
                            <span class="cmp-ellipsis cmp-pull-left list_title_name width_69">协同</span>
                            <span class="cmp-ellipsis cmp-h5 cmp-pull-right list_title_time width_30 cmp-text-right">12:25 00:00</span>
                            <h6 class="cmp-ellipsis list_cont_info">信息化推进办</h6>
                        </div>
                    </li>
                    <li class="cmp-list-cell ">
                        <div class="cmp-list-cell-img cmp-radio cmp-left">
                            <img class=" cmp-pull-left img_setting" src="http://commons.v5.cmp/cmp-resources/m1_h5/img/document_type@1x.png">
                            <!--<span class="tal">cc</span>-->
                            <span class="tag">2</span>
                        </div>
                        <div class="cmp-list-cell-info width_85">
                            <span class="cmp-ellipsis cmp-pull-left list_title_name width_69">协同</span>
                            <span class="cmp-ellipsis cmp-h5 cmp-pull-right list_title_time width_30 cmp-text-right">12:25 00:00</span>
                            <h6 class="cmp-ellipsis list_cont_info">信息化推进办</h6>
                        </div>
                    </li>
                    <li class="cmp-list-cell ">
                        <div class="cmp-list-cell-img cmp-radio cmp-left">
                            <img class=" cmp-pull-left img_setting" src="http://commons.v5.cmp/cmp-resources/m1_h5/img/document_type@1x.png">
                            <!--<span class="tal">cc</span>-->
                            <span class="tag">2</span>
                        </div>
                        <div class="cmp-list-cell-info width_85">
                            <span class="cmp-ellipsis cmp-pull-left list_title_name width_69">协同</span>
                            <span class="cmp-ellipsis cmp-h5 cmp-pull-right list_title_time width_30 cmp-text-right">12:25 00:00</span>
                            <h6 class="cmp-ellipsis list_cont_info">信息化推进办</h6>
                        </div>
                    </li>
                    <li class="cmp-list-cell ">
                        <div class="cmp-list-cell-img cmp-radio cmp-left">
                            <img class=" cmp-pull-left img_setting" src="http://commons.v5.cmp/cmp-resources/m1_h5/img/document_type@1x.png">
                            <!--<span class="tal">cc</span>-->
                            <span class="tag">2</span>
                        </div>
                        <div class="cmp-list-cell-info width_85">
                            <span class="cmp-ellipsis cmp-pull-left list_title_name width_69">协同</span>
                            <span class="cmp-ellipsis cmp-h5 cmp-pull-right list_title_time width_30 cmp-text-right">12:25 00:00</span>
                            <h6 class="cmp-ellipsis list_cont_info">信息化推进办</h6>
                        </div>
                    </li>
                    <li class="cmp-list-cell ">
                        <div class="cmp-list-cell-img cmp-radio cmp-left">
                            <img class=" cmp-pull-left img_setting" src="http://commons.v5.cmp/cmp-resources/m1_h5/img/document_type@1x.png">
                            <!--<span class="tal">cc</span>-->
                            <span class="tag">2</span>
                        </div>
                        <div class="cmp-list-cell-info width_85">
                            <span class="cmp-ellipsis cmp-pull-left list_title_name width_69">协同</span>
                            <span class="cmp-ellipsis cmp-h5 cmp-pull-right list_title_time width_30 cmp-text-right">12:25 00:00</span>
                            <h6 class="cmp-ellipsis list_cont_info">信息化推进办</h6>
                        </div>
                    </li>
                    <li class="cmp-list-cell ">
                        <div class="cmp-list-cell-img cmp-radio cmp-left">
                            <img class=" cmp-pull-left img_setting" src="http://commons.v5.cmp/cmp-resources/m1_h5/img/document_type@1x.png">
                            <!--<span class="tal">cc</span>-->
                            <span class="tag">2</span>
                        </div>
                        <div class="cmp-list-cell-info width_85">
                            <span class="cmp-ellipsis cmp-pull-left list_title_name width_69">协同</span>
                            <span class="cmp-ellipsis cmp-h5 cmp-pull-right list_title_time width_30 cmp-text-right">12:25 00:00</span>
                            <h6 class="cmp-ellipsis list_cont_info">信息化推进办</h6>
                        </div>
                    </li>
                    <li class="cmp-list-cell ">
                        <div class="cmp-list-cell-img cmp-radio cmp-left">
                            <img class=" cmp-pull-left img_setting" src="http://commons.v5.cmp/cmp-resources/m1_h5/img/document_type@1x.png">
                            <!--<span class="tal">cc</span>-->
                            <span class="tag">2</span>
                        </div>
                        <div class="cmp-list-cell-info width_85">
                            <span class="cmp-ellipsis cmp-pull-left list_title_name width_69">协同</span>
                            <span class="cmp-ellipsis cmp-h5 cmp-pull-right list_title_time width_30 cmp-text-right">12:25 00:00</span>
                            <h6 class="cmp-ellipsis list_cont_info">信息化推进办</h6>
                        </div>
                    </li>
                    <li class="cmp-list-cell ">
                        <div class="cmp-list-cell-img cmp-radio cmp-left">
                            <img class=" cmp-pull-left img_setting" src="http://commons.v5.cmp/cmp-resources/m1_h5/img/document_type@1x.png">
                            <!--<span class="tal">cc</span>-->
                            <span class="tag">2</span>
                        </div>
                        <div class="cmp-list-cell-info width_85">
                            <span class="cmp-ellipsis cmp-pull-left list_title_name width_69">协同</span>
                            <span class="cmp-ellipsis cmp-h5 cmp-pull-right list_title_time width_30 cmp-text-right">12:25 00:00</span>
                            <h6 class="cmp-ellipsis list_cont_info">信息化推进办</h6>
                        </div>
                    </li>
                    <li class="cmp-list-cell ">
                        <div class="cmp-list-cell-img cmp-radio cmp-left">
                            <img class=" cmp-pull-left img_setting" src="http://commons.v5.cmp/cmp-resources/m1_h5/img/document_type@1x.png">
                            <!--<span class="tal">cc</span>-->
                            <span class="tag">2</span>
                        </div>
                        <div class="cmp-list-cell-info width_85">
                            <span class="cmp-ellipsis cmp-pull-left list_title_name width_69">协同</span>
                            <span class="cmp-ellipsis cmp-h5 cmp-pull-right list_title_time width_30 cmp-text-right">12:25 00:00</span>
                            <h6 class="cmp-ellipsis list_cont_info">信息化推进办</h6>
                        </div>
                    </li>
                    <li class="cmp-list-cell ">
                        <div class="cmp-list-cell-img cmp-radio cmp-left">
                            <img class=" cmp-pull-left img_setting" src="http://commons.v5.cmp/cmp-resources/m1_h5/img/document_type@1x.png">
                            <!--<span class="tal">cc</span>-->
                            <span class="tag">2</span>
                        </div>
                        <div class="cmp-list-cell-info width_85">
                            <span class="cmp-ellipsis cmp-pull-left list_title_name width_69">协同</span>
                            <span class="cmp-ellipsis cmp-h5 cmp-pull-right list_title_time width_30 cmp-text-right">12:25 00:00</span>
                            <h6 class="cmp-ellipsis list_cont_info">信息化推进办</h6>
                        </div>
                    </li>

                </ul>
            </div>

        </div>
    </div>


</div>




<footer class="cmp-bar cmp-bar-tab cmp-bar-footer m1h5_footer"  >
    <a class="cmp-tab-item cmp-control-item cmp-active" href="#">
        <img class="cmp-icon" src="http://commons.v5.cmp/cmp-resources/m1_h5/img/document_type@3x.png" alt=""/>
        <!--<span class="cmp-icon cmp-icon-home"></span>-->
        <span class="cmp-tab-label">工作微信</span>
    </a>
    <a class="cmp-tab-item cmp-control-item " href="#">
        <span class="cmp-icon cmp-icon-email"><span class="cmp-badge">9</span></span>
        <span class="cmp-tab-label">待办门户</span>
    </a>
    <a class="cmp-tab-item cmp-control-item footer_shortcut position_relative">
        <div class="radius">
            <div class="shortcut">
                <div class="button">
                    <!--<span class="cmp-icon iconfont see-icon-v5-common-add-circlefill but"></span>-->
                    <!--<img class="but     " src="../img/document_type@3x.png" alt=""/>-->
                </div>
            </div>
        </div>
    </a>
    <a class="cmp-tab-item cmp-control-item " href="#">
        <span class="cmp-icon cmp-icon-contact"></span>
        <span class="cmp-tab-label">全部应用</span>
    </a>
    <a class="cmp-tab-item cmp-control-item " href="#">
        <span class="cmp-icon cmp-icon-gear"></span>
        <span class="cmp-tab-label">通讯录</span>
    </a>
</footer>

<div class="footer_shortcut shortcut_button">
    <span class="cmp-icon iconfont see-icon-v5-common-add-circlefill but"></span>
    <!--<img class="but     " src="../img/document_type@3x.png" alt=""/>-->
</div>

<div class="speedy_content" >
    <div class="content">
        <ul id="content" class="animated ">
            <li>
                <div class="icon"></div>
                <p class="text">新建协同</p>
            </li>
            <li>
                <div class="icon"></div>
                <p class="text">新建协同</p>
            </li>
            <li>
                <div class="icon"></div>
                <p class="text">新建协同</p>
            </li>
            <li>
                <div class="icon"></div>
                <p class="text">新建协同</p>
            </li>
            <li>
                <div class="icon"></div>
                <p class="text">新建协同</p>
            </li>
            <li>
                <div class="icon"></div>
                <p class="text">新建协同</p>
            </li>
        </ul>
    </div>

</div>

<s3:data name='cordova' />
<script src="http://cmp/js/cmp.js"></script>
<script src="${data:dependencies.cmp}/js/cmp-imgCache.js"></script>
<script src="${data:dependencies.cmp}/js/cmp-listView.js"></script>
<script>
    cmp.ready(function(){
        cmp.listView('#scroll');

//        底部导航的点击旋转事件
        var but=document.querySelector('.but');
        var speedy_content=document.querySelector('.speedy_content');
        var content=document.getElementById('content');
        but.addEventListener('tap',function(){
            if(this.classList.contains('rotate_open')){
                this.classList.remove('rotate_open');
                this.classList.add('rotate_close');
            }else{
                this.classList.remove('rotate_close');
                this.classList.add('rotate_open');
            }

            speedy_content.classList.contains('cmp-active')
            ?speedy_content.classList.remove('cmp-active')
            :speedy_content.classList.add('cmp-active');

            content.classList.add('transform');
        });


        speedy_content.addEventListener('click',function(){
           if(this.classList.contains('cmp-active')){
               this.classList.remove('cmp-active');
           }
            if(but.classList.contains('rotate_open')){
                but.classList.remove('rotate_open');
                but.classList.add('rotate_close');
            }
        });


    });

</script>
</body>
</html>
